<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
    <script>
        //传统for循环
        for(let i=0;i<10;i++){
            document.write(i+"<br/>");
        }
        document.write("<hr/>");
        let num = 10;
        while(num){
            document.write(num+"<br/>");
            num--;
        }
        document.write("<hr/>");
        //for in
        let nums = [12,32,45,65,8,23,54];
        /**
         * 传统for循环
         */ 
        for(let i=0;i<nums.length;i++){
            document.write(nums[i]+"<br/>");
        }
        document.write("<hr/>");
        /**
         * foreach循环
         * for-in
         * 在for in循环中数组前的变量中存储的是循环的下标
         */ 
        for(let num in nums){
            document.write(nums[num]+"<br/>");
        }

        document.write("<hr/>");
        /**
         * foreach循环
         * for of
         * for of循环等同于Java的foreach循环，将数组中的每个元素给of前面的变量，在循环中使用变量
         * 
         */ 
        for(let num of nums){
            document.write(num+"<br/>");
        }

        document.write("<hr/>");
        //创建一个JS对象
        let obj = new Object();
        //为obj对象中的属性设置值
        obj.usernmae = "admin";
        obj.sex = "女";
        obj.age = 20;
        //遍历对象中的所有属性，将对象中的每个属性的属性名赋给前面的变量
        for(let att in obj){
            document.write(obj[att]+"<br/>");
        }

        document.write("<hr/>");
        document.write("遍历对象使用for of");
        for(let att of obj){
            document.write(att+"<br/>");
        }




    </script>
</body>
</html>